搜索内容 : 搜索类别 :
   
 
网站用户名
管理员用户名
密  码
验证码
 
 
社区通
盈网
iephotoshop
彭城视窗
视频教程网
图片工具
中国周易
 
 
当前位置:HOME > 网络推广

制作一个像素宽的细横线或细竖线

发布时间 2006-09-23

 1、一个像素宽的分隔线


  有时候在网页排版时,我们需要一条细线,用图片似乎有点劳师动众了,其实,这个小问题用表格就能搞定。请看下面的例子:

  操作步骤是:

    第一步:单击“插入表格”按钮,插入一个1行1列的表格,宽度设为100%(如果想让线短一点,修改宽度即可),高度设为1像素,单元格间距,边距,边框粗细都设为0,表格背景色设为您先要的线条颜色(本例设为黑色),如下图: 


  
  第二步:切换到"代码"区,将<td> </td>中的“&nbsp ”去掉就ok了。如下图:

  

最终代码如下:
<table width="100%" cellspacing="0" border="0" bgcolor="#000000" height="1" cellpadding="0">
<tr>
<td></td>
</tr>
</table>

  说明:其实就是一个高为“1pix”的表格,需要注意的是表格内不要有其他任何内容。如果你还需要其他颜色的分隔线,只需要改变表格的背景色 bgcolor 就可以了。利用这种方法我们还可以制作出细竖线,将表格的宽该为“1”就可以了。

首 页| 关于点点 | 建站帮助 | 客服中心 | 友情链接 | 服务条款 | 付款方式 | 广告服务 | 联系我们 | 网站地图  免费代码大全

都市圈   网页教学网   生成的Logo图像   CC视频专家   中国个人站长站   叶子树   生成的Logo图像

本站还提供无锡本地建站服务:无锡网站建设  无锡央视广告  无锡央视展播  无锡企业媒体网站信息发布  无锡企业媒体专访

业务部邮箱:dd118@dd118.com   客服部邮箱:kefu@dd118.com  技术部邮箱:jishu@dd118.com  

Copyright @2005-2019 diandiannet Inc 版权所有: 无锡国搜信息科技有限公司(原无锡点点网络科技有限公司)

                             苏ICP备07508751号                                   ip5108.htm 流量专家

网站管理